<template>
  <div>
    <h1>儿子</h1>
    <!-- 
    $attrs放的是爷爷给的数据
    -->
    <h2>yeye给了{{ $attrs['grandpa-msg'] }}</h2>
    <button @click="send">孝敬爷爷</button>
    <!-- 子组件直接获取父元素的变量 this.$parent-->
    <h2>儿子直接拿爸爸的{{ $parent.money }}</h2>
  </div>
</template>

<script>
export default {
  created() {
    console.log(this.$attrs);
  },
  data() {
    return {
      msg: '给爷爷买了个凹凸曼'
    }
  },
  methods: {
    send() {
      // 孙传爷 和子传父方法一样
      this.$emit('sun', this.msg)
    }
  }
}
</script>

<style lang="scss" scoped></style>